* {
  margin: 0;
  padding: 0;
}
.all {
  width: 100%;
  margin-bottom: 1.33333333rem;
}
.all .header {
  padding: 0 0.4rem;
  height: 1.22666667rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.all .header .header_left {
  width: 1.33333333rem;
  height: 1.22666667rem;
  line-height: 1.22666667rem;
  padding-right: 0.66666667rem;
}
.all .header .header_left h4 {
  font-size: 0.37333333rem;
}
.all .header .header_center {
  flex: 1;
  height: 100%;
  line-height: 1.22666667rem;
}
.all .header .header_center input {
  width: 100%;
  height: 0.85333333rem;
  background-color: #f7f7f7;
  border-radius: 0.85333333rem;
  color: #ccc;
}
.all .header .header_right {
  margin-left: 0.69333333rem;
}
.all .header .header_right img {
  height: 0.45333333rem;
  width: 0.45333333rem;
  background-size: cover;
}
.all .main_pic {
  padding: 0.21333333rem 0.4rem;
}
.all .main_pic .pic_top img {
  height: 3.46666667rem;
}
.all .main_pic .pic_bottom {
  text-align: center;
  height: 0.26666667rem;
}
.all .main_pic .pic_bottom img {
  width: 0.21333333rem;
}
.all .main_pic2 {
  padding: 0 0.4rem;
  margin-top: 0.32rem;
  margin-bottom: 0.93333333rem;
  display: flex;
  justify-content: space-between;
  height: 1.86666667rem;
}
.all .main_pic2 .nav_left {
  flex: 1;
}
.all .main_pic2 .nav_left img {
  height: 1.86666667rem;
  background-size: cover;
}
.all .main_pic2 .nav_right {
  flex: 1;
}
.all .main_pic2 .nav_right img {
  height: 1.86666667rem;
  background-size: cover;
}
.all .preferential {
  padding: 0 0.4rem;
  margin-bottom: 0.8rem;
}
.all .preferential .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.56rem;
}
.all .preferential .top h4 {
  font-size: 0.48rem;
}
.all .preferential .top img {
  height: 0.48rem;
}
.all .preferential .bottom {
  display: flex;
  justify-content: space-between;
}
.all .preferential .bottom .bottom_left img {
  width: 4.53333333rem;
}
.all .preferential .bottom .bottom_left p {
  font-size: 0.32rem;
  margin-bottom: 0.21333333rem;
}
.all .preferential .bottom .bottom_left span {
  font-size: 0.32rem;
}
.all .preferential .bottom .bottom_left i {
  font-size: 0.29333333rem;
  color: #f49d0c;
}
.all .preferential .bottom .bottom_right img {
  width: 4.53333333rem;
}
.all .preferential .bottom .bottom_right p {
  font-size: 0.32rem;
  margin-bottom: 0.21333333rem;
}
.all .preferential .bottom .bottom_right span {
  font-size: 0.32rem;
}
.all .preferential .bottom .bottom_right i {
  font-size: 0.29333333rem;
  color: #f49d0c;
}
.all .help {
  padding: 0 0.4rem;
}
.all .help img {
  height: 1.49333333rem;
}
.all .recomend {
  padding: 0 0.4rem;
}
.all .recomend .top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.64rem;
}
.all .recomend .top .top_left h4 {
  font-size: 0.50666667rem;
}
.all .recomend .top .top_right p {
  font-size: 0.37333333rem;
}
.all .recomend .bottom ul li {
  margin-bottom: 0.48rem;
  display: flex;
}
.all .recomend .bottom ul li .left {
  margin-right: 0.42666667rem;
}
.all .recomend .bottom ul li .left img {
  height: 2.26666667rem;
}
.all .recomend .bottom ul li .right h4 {
  font-size: 0.37333333rem;
}
.all .recomend .bottom ul li .right p {
  width: 5.81333333rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.29333333rem;
  color: #ccc;
}
.all .recomend .bottom ul li .right .right_bottom span {
  font-size: 0.21333333rem;
  display: inline-block;
  width: 1.2rem;
  height: 0.42666667rem;
  color: #ccc;
  text-align: center;
  border-radius: 0.13333333rem;
  border: 1px solid #ccc;
}
.all .recomend .bottom ul li .right i {
  color: #f49d0c;
  font-size: 0.34666667rem;
}
.all .look {
  text-align: center;
  line-height: 1.01333333rem;
}
.all .look input {
  text-align: center;
  height: 1.01333333rem;
  width: 6.93333333rem;
  background-color: #f7f7f7;
  border-radius: 0.85333333rem;
  color: #ccc;
}
.all .story {
  margin-top: 0.64rem;
  padding: 0 0.4rem;
}
.all .story img {
  height: 2.26666667rem;
}
.all .footer {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 1.33333333rem;
  width: 100%;
  display: flex;
  justify-content: space-around;
  background-color: #fff;
  z-index: 9999;
}
.all .footer span {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}
.all .footer span i {
  font-size: 0.53333333rem;
  color: #ccc;
}
.all .footer span p {
  font-size: 0.29333333rem;
  color: #ccc;
}
